<!-- Top Navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left">&nbsp;</div>
        <div class="center sliding">{{title}}</div>
        <div class="right">&nbsp;</div>
    </div>
</div>
<!-- Toolbar has additional "toolbar-bottom" class -->
<div class="toolbar tabbar tabbar-labels toolbar-bottom">
    <div class="toolbar-inner">
        <a href="#tab1" class="tab-link active">
            <i class="icon fa fa-home"></i>
            <span class="tabbar-label">首页</span>
        </a>
        <a href="#tab2" class="tab-link">
            <i class="icon fa fa-building-o"><span class="badge bg-green">15</span></i>
            <span class="tabbar-label">页签2</span>
        </a>
        <a href="#tab3" class="tab-link">
            <i class="icon fa fa-bug"></i>
            <span class="tabbar-label">页签3</span>
        </a>
        <a href="#tab4" class="tab-link">
            <i class="icon fa fa-coffee"></i>
            <span class="tabbar-label">页签4</span>
        </a>
    </div>
</div>
<!-- Scrollable page content -->
<div class="page-content">
    <p>首页内容</p>
    <a href="#demo" class="jump" jump-params="refresh:true">示例页</a>
</div>